.section4 {
       background: #FBFCFF;
       padding: 80px 0;
   }

   .Box4 {
       max-width: 1440px;
       margin: 0 auto;
       margin-top: 20px;
   }

   .box4Nav {
       width: 100%;
       border-bottom: 1px solid rgba(0, 7, 71, 0.05);
       display: flex;
       justify-content: center;
       grid-gap: 100px;
       margin-bottom: 40px;
   }

   .box4Nav h1 {
       width: 130px;
       border-bottom: 3px solid #fff0;
       font-size: 18px;
       line-height: 2;
       text-align: center;
       color: rgba(0, 7, 71, 0.5);
       transition: 0.5s;
       cursor: pointer;
   }

   .box4Nav h1.cur {
       color: var(--color1);
       border-bottom: 3px solid var(--color1);
   }

   @media (max-width: 1200px) {
       .box4Nav {
           display: flex;
           justify-content: space-evenly;
           grid-gap: 0;
       }
   }

   @media (max-width: 720px) {
       .box4Nav h1 {
           font-size: 16px;
           width: auto;
       }
   }

   @media (max-width: 460px) {
       .box4Nav h1 {
           font-size: 14px;
       }
   }

   .item4 {
       display: none;
   }

   .item4.cur {
       display: block;
   }

   .swiper4 {
       position: relative;
       background: #fff0;
       display: flex;
       align-items: center;
   }

   .slide4 {
       display: flex;
       flex-wrap: wrap;
   }

   .imgText4 {
       width: 100%;
       padding: 20px 75px;
       background: #fff;
       border: 1px solid rgba(0, 7, 71, 0.05);
       display: flex;
       flex-wrap: wrap;
       align-items: center;
   }

   .imgbxo4 {
       width: 40%;
       position: relative;
   }

   .imgbxo4 .bj {
       position: relative;
       z-index: 1;
       width: 100%;
   }

   .imgbxo4 .tp {
       position: absolute;
       z-index: 0;
       width: 74%;
       height: 63%;
       object-fit: cover;
       left: 13%;
       top: 17%;
   }

   .text4 {
       width: 60%;
       padding-left: 60px;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .text4 h1 {
       font-weight: 700;
       font-size: 24px;
       line-height: 1.5;
       color: #000747;
   }

   .text4 p {
       margin-top: 5px;
       margin-bottom: 60px;
       font-size: 16px;
       line-height: 2;
       color: rgba(0, 7, 71, 0.5);
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 3;
   }

   .text4 .number {
       display: flex;
       grid-gap: 60px;
   }

   .text4 .shuzi {
       display: flex;
       flex-direction: column;
   }

   .text4 .shuzi span {
       margin-bottom: 15px;
       font-family: 'Impact';
       font-weight: 400;
       font-size: 40px;
       line-height: 1;
       color: #3445E2;
   }

   .text4 .shuzi b {
       font-weight: 400;
       font-size: 16px;
       line-height: 1;
       color: rgba(0, 7, 71, 0.5);
   }

   .prev4 {
       width: 44px;
       height: 76px;
       background: url(/assets/images/left.png) no-repeat center;
       background-size: contain;
       transform: rotate(180deg);
       left: 25px;
       top: 180px;
       margin: 0;
   }

   .next4 {
       width: 44px;
       height: 76px;
       background: url(/assets/images/left.png) no-repeat center;
       background-size: contain;
       right: 25px;
       top: 180px;
       margin: 0;
   }

   .swiper4 .swiper-button-next:after,
   .swiper4 .swiper-button-prev:after {
       display: none;
   }

   .item4Icon {
       margin-top: 20px;
       display: flex;
       justify-content: space-between;
       grid-gap: 20px;
   }

   .iconBox4 {
       position: relative;
       padding: 50px 80px;
       transition: 0.5s;
       display: flex;
       justify-content: center;
   }

   .iconBox4:nth-child(1) {
       background: linear-gradient(66.9deg, rgba(241, 9, 92, 0.02) 1.3%, rgba(255, 249, 251, 0.2) 99.18%);
       border: 1px solid rgba(0, 7, 71, 0.05);
   }

   .iconBox4:nth-child(2) {
       background: linear-gradient(66.9deg, rgba(36, 224, 224, 0.02) 1.3%, rgba(241, 252, 255, 0.2) 99.18%);
       border: 1px solid rgba(0, 7, 71, 0.05);
   }

   .iconBox4:nth-child(3) {

       background: linear-gradient(66.9deg, rgba(52, 69, 226, 0.02) 1.3%, rgba(249, 252, 255, 0.2) 99.18%);
       border: 1px solid rgba(0, 7, 71, 0.05);
   }

   .iconBox4:hover {
       box-shadow: 0px 4px 15px rgba(241, 9, 92, 0.05);
   }

   .icon4 {
       overflow: hidden;
       width: 100%;
       position: relative;
   }

   .icon4 .bj {
       position: relative;
       z-index: 1;
       width: 100%;
   }

   .icon4 .tp {
       position: absolute;
       z-index: 0;
       width: 95%;
       height: 92%;
       object-fit: cover;
       left: 2%;
       top: 4%;
   }

   a.More4 {
       display: flex;
       justify-content: center;
       align-items: center;
       width: 120px;
       height: 40px;
       background: var(--color2);
       border-radius: 50px;
       font-size: 14px;
       color: #fff;
       position: absolute;
       z-index: 2;
       bottom: 10px;
       opacity: 0;
       transition: 0.5s;
   }

   .iconBox4:hover a.More4 {
       z-index: 2;
       opacity: 1;
       bottom: 40px;
   }



   .icon4::after {
       content: "";
       display: block;
       position: absolute;
       z-index: 0;
       top: -100%;
       left: 100%;
       transition: 2s;
       width: 100%;
       height: 150%;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/91/20221220165743_oMCOgaPQ.png);
       opacity: 0.5;
   }

   .iconBox4:hover .icon4::after {
       top: 100%;
       left: -100%;
   }

   @media (max-width: 1540px) {

       .prev4 {
           top: 135px;
       }

       .next4 {
           top: 135px;
       }
   }

   @media (max-width: 1200px) {
       .section4 {
           padding: 60px 0;
       }

       .iconBox4 {
           padding: 30px 60px;
       }

       .text4 .number {
           display: flex;
           grid-gap: 30px;
       }

       .prev4 {
           width: 35px;
           height: 76px;
           top: 100px;
       }

       .next4 {
           width: 35px;
           height: 76px;
           top: 100px;
       }

       .text4 {
           width: 60%;
           padding-left: 30px;
       }

       .text4 p {
           margin-top: 5px;
           margin-bottom: 30px;
       }

       .text4 .shuzi span {
           font-size: 28px;
       }
   }

   @media (max-width: 800px) {

       .slide4 {
           display: flex;
           flex-wrap: wrap;
       }

       .imgText4 {
           padding: 20px 75px;
           display: flex;
           align-items: center;
           flex-direction: column;
       }

       .imgbxo4 {
           width: 50%;
           position: relative;
       }

       .text4 {
           width: 100%;
           padding-left: 0px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
       }

       .text4 p {
           text-align: center;
       }

       .iconBox4 {
           padding: 30px 20px;
       }
   }

   @media (max-width: 720px) {
       .imgText4 {
           padding: 20px 45px;
       }

       .prev4 {
           width: 20px;
           height: 76px;
           left: 10px;
       }

       .next4 {
           width: 20px;
           height: 76px;
           right: 10px;
       }

       a.More4 {
           width: 100px;
           height: 30px;
       }
   }

   @media (max-width: 460px) {
       .section4 {
           padding: 40px 0;
       }

       .imgText4 {
           padding: 30px 20px;
       }

       .prev4 {
           width: 20px;
           height: 76px;
           left: 20px;
           top: 22vw;
       }

       .next4 {
           width: 20px;
           height: 76px;
           right: 20px;
           top: 22vw;
       }

       .imgbxo4 {
           width: 75%;
           position: relative;
       }

       .text4 .shuzi span {
           font-size: 24px;
       }

       .text4 .number {
           width: 100%;
           display: flex;
           grid-gap: 0;
           justify-content: space-between;
       }

       .text4 .shuzi {
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           align-items: center;
       }

       .text4 .shuzi b {
           font-size: 14px;
           line-height: 1.5;
       }



       .item4Icon {
           display: flex;
           flex-wrap: wrap;
       }

       .iconBox4 {
           padding: 10% 15%;
           width: 100%;
       }
   }